<template>
  <div>
    <van-nav-bar title="报修列表"
                 left-text=" "
                 left-arrow
                 @click-left="onClickLeft" />
    <template>
      <el-table ref="multipleTable"
                :data="repairData"
                style="width: 100%;"
                tooltip-effect="dark">
        <el-table-column prop="name"
                         label="户主"
                         width="70">
        </el-table-column>
        <el-table-column prop="telephone"
                         label="联系电话"
                         width="110">
        </el-table-column>
        <el-table-column prop="visitPlace"
                         label="保修地址"
                         width="80">
        </el-table-column>
        <el-table-column prop="reason"
                         label="报修项目"
                         width="95">
        </el-table-column>
        <el-table-column prop="visitTime"
                         label="维修日期"
                         width="95">
        </el-table-column>
      </el-table>
    </template>
  </div>
</template>
<script>
export default {
  name: 'RepairRecord',
  data () {
    return {
      repairData: this.$store.state.repairData
    }
  },
  methods: {
    onClickLeft () {
      this.$router.push('Repair')
    }
  }
}
</script>
<style scoped>
.van-nav-bar {
  background-color: rgb(114, 202, 205);
}
::v-deep .van-icon {
  color: #fff;
}
::v-deep .van-nav-bar__text {
  color: #fff;
  /* color: #07c160; */
}
::v-deep .van-ellipsis {
  color: #fff;
}
</style>
